<template>
  <div class="cont">
      <van-image class="img" src="./static/img/c1.png" />
      <van-cell class="tj" value-class="tj2" title="推荐特辑" is-link value="更多特辑" to='/home'/>
      <van-grid class="imgs" :border="false" :column-num="2" :gutter="4">
          <van-grid-item v-for="item in imgBox">
              <van-image class="p1" :src="item.url" />
          </van-grid-item>
      </van-grid>
      <van-cell value="热门分类" />
      <van-grid :column-num="3">
          <van-grid-item
              v-for="value in 15"
              :key="value"
              icon="photo-o"
              text="单肩包"
              border=false
          />
      </van-grid>

  </div>
</template>
<script>
export default {
  name:'ClassifyFishon',
  data() {
    return {
		imgBox:[
			{
				url:'./static/img/l1.jpg'
			},
			{
				url:'./static/img/l2.png'
			},
			{
				url:'./static/img/l3.png'
			},
			{
				url:'./static/img/l4.gif'
			}
		]
    }
  }
}
</script>
<style scoped>

.cont{
  margin-bottom: 60px;
}
.cont .img{
    width: 240px;
    height: 90px;
    margin-top: 8px;
    margin-left: -2px;
    margin-bottom: -5px;
}
.tuijian{
    width: 200px;
    margin-left:8px;
    margin-top: -15px;
}
.van-nav-bar__text{
  color:#f00;
}
.remen{
    margin-top: 10px;
    margin-left: -125px;
}
</style>
